<template>
	<view class="step4">
		<!-- 定制班车第四页 -->
		<text>*</text>起点：
		<input type="text" v-model="start" disabled>
		<text>*</text>终点：
		<input type="text" v-model="end" disabled>
		<text>*</text>姓名：
		<input type="text" v-model="userName" disabled>
		<text>*</text>手机号码：
		<input type="tel" v-model="userTel" disabled>
		<text>*</text>上车地点：
		<input type="text" v-model="startCar" disabled>
		<text>*</text>下车地点：
		<input type="text" v-model="endCar" disabled>
		<text>*</text>乘车日期：
		<input type="text" v-model="date" disabled>
		
		<button
		type="primary"
		@click="submitOrder"
		>提 交 订 单</button>
	</view>
</template>

<script>
	import { http } from "../../utils/request.js"
	export default {
		data() {
			return {
				start:"",//起点
				end:"",//终点
				path:"",//路线
				price:"",//价格
				status:0,//订单状态：未支付0/已支付1
				
				date:"",
				userName:"",
				userTel:"",
				startCar:"",
				endCar:""
			};
		},
		onLoad(e) {
			this.start=e.start
			this.end=e.end
			this.price=e.price
			this.path=e.path
			this.date=e.date
			this.userName=e.userName
			this.userTel=e.userTel
			this.startCar=e.startCar
			this.endCar=e.endCar
		},
		methods:{
			// 提交订单并自动跳转到智慧巴士页
			submitOrder(){
				http({
					url:"/prod-api/api/bus/order",
					method:"POST",
					data:{
						start:this.start,
						end:this.end,
						path:this.path,
						price:this.price,
						status:this.status
					}
				}).then(res=>{
					if(res.data.code==200){
						uni.showToast({
							title:"提交成功！",
							mask:true
						})
						setTimeout(()=>{
							// 返回前4个页面（即智慧巴士页）
							uni.navigateBack({
								delta:4
							})
						},1500)
					}else{
						uni.showToast({
							title: res.data.msg,
							icon:"none"
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
.step4{
	padding: 40rpx;
	text{
		color: red;
	}
	input{
		margin: 20rpx 0;
		background-color: #f8f8f8;
		border-radius: 20rpx;
		padding: 10rpx 20rpx;
	}
	button{
		margin-top: 40rpx;
		border-radius: 20rpx;
	}
	button::after{
		border: 0;
	}
}
</style>
